<!-- 分红情况 -->
<template>
  <div class="table w1021">
    <div class="tableTh tableTr flex">
      <span class="tableTd w130">董事会公告日</span>
      <span class="tableTd w130">
        股东大
        <br />会召开日
      </span>
      <span class="tableTd w130">
        方案实
        <br />施公告日
      </span>
      <span class="tableTd w90">分红情况</span>
      <span class="tableTd w130">股权登记日</span>
      <span class="tableTd w130">除权除息日</span>
      <span class="tableTd w130">股息到账日</span>
      <span class="tableTd w90">方案进度</span>
      <span class="tableTd w130">股息发放率</span>
    </div>
    <div class="tableTr tableBody top flex" v-for="(item,index) in data" :key="index">
      <span class="orange tableTd w130">{{item.dirDclDate|filterVal}}</span>
      <span class="orange tableTd w130">{{item.shConvDate|filterVal}}</span>
      <span class="orange tableTd w130">{{item.actDecDate|filterVal}}</span>
      <span class="orange tableTd w90">{{item.divType|filterVal}}</span>
      <span class="orange tableTd w130">{{item.regDate|filterVal}}</span>
      <span class="orange tableTd w130">{{item.exDiviDate|filterVal}}</span>
      <span class="orange tableTd w130">{{item.acntDate|filterVal}}</span>
      <span class="orange tableTd w90">{{item.prg|filterVal}}</span>
      <span class="orange tableTd w130">{{item.divRate|filterVal}}</span>
    </div>
    <div class="tableNone orange w1021 top" v-if="data.length==0">暂无数据</div>
  </div>
</template>

<script>
import { number } from "../../script/api";
export default {
  data() {
    return {};
  },
  props: ["data"],
  filters: {
    filterVal(ops, num) {
      if (typeof ops == "number") {
        return number(ops, num);
      }
      return ops ? ops : "--";
    }
  },
  components: {},
  computed: {},
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
</style>